<template>
	<div class="header-box">
		<div class="header">
			<div class="header-left">
				<img src="/static/img/touxiang.jpg" class="touxiang">
			</div>
			<div class="header-content">联系人</div>
			<div class="header-right">
				<span class="iconfont jiahao">&#xe613;</span>
			</div>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default {
		name:'ContactsHeader',

	}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.style'
.header-box
	height:1.1rem
	.header
		height:1.1rem
		background:$bgColor
		width:100%
		text-align:center
		line-height:1.1rem
		color:#fff
		font-size:17px
		display:flex
		position: fixed;
		top:0
		.header-left
			margin-left:.2rem
			width:10%
			.touxiang
				width:100%
				border-radius:50%
		.header-content
			width:80%
		.header-right
			margin-right:.3rem
			.jiahao
				font-size:22px
</style>
